@import "var";
@import "mixin";

.footer {
  font-size: 1.4rem;
  background: $white;

  &-left {

  }

  &-center {
    width: 40rem;

    .link-box {
      display: flex;
      flex-wrap: wrap;
      align-items: center;

      li {
        line-height: 3.5rem;
        padding: 0 1.0rem 1.5rem;
      }
    }
  }

  &-right {
    width: 36rem;
  }

  &-main {
    display: flex;
    padding: 3rem 0;
    justify-content: space-between;
    border-bottom: 1px solid #f6f6f6;
  }

  &-bottom {
    display: flex;
    justify-content: space-between;

    .copyright {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      padding: 1rem 0;
      color: #9a9a9a;

      * {
        margin-right: 0.5rem;
      }
    }
  }

  &-about {
    font-size: 1.5rem;
    line-height: 3.5rem;
  }

  .img-list {
    display: flex;
    justify-content: space-between;

    .img-item {
      background: url("../img/qrcode-bg.jpg");
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;
      //margin-bottom: .5rem;
      margin: .5rem;
      padding: 1.3rem;

      img {
        //box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1);
        width: 100%;
        height: 100%;
      }

    }

    p {
      text-align: center;
      line-height: 3rem;
      //box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .1);
    }
  }

}
